<nz-card [nzBodyStyle]="{ padding: '12px 12px 0px 12px' }" [nzBordered]="false" class="card-table"
				 style="min-height: calc(100vh - 200px)">
	<st
		#st
		[size]="'small'"
		class="hover-table fix-table st-odd-table"
		[resizable]="true"
		[scroll]="{ y: 'calc(100vh - 100px)' }"
		[data]="dataList"
		[columns]="columns"
		[page]="pageSetting"
		[total]="this.pageInfo.total"
		[ps]="this.pageInfo.size"
		[pi]="this.pageInfo.current"
		[loading]="this.pageInfo.loading"
		(change)="stChange($event)"
		[clickRowClassName]="sa"
	>
		<ng-template st-row="isSafeProduction" let-item>
			<div
				style="margin: auto"
				[ngClass]="{ 'pass-icon': item?.isSafeProduction === 'Y', 'ban-icon': item?.isSafeProduction !== 'Y' }"
			></div>
		</ng-template>
		<ng-template st-row="isCheck" let-item>
			<div
				style="margin: auto"
				[ngClass]="{ 'pass-icon': item?.isCheck === 'Y', 'ban-icon': item?.isCheck === 'N', 'unknown-icon': item?.isCheck === 'OT' }"
			></div>
		</ng-template>
		<ng-template st-row="isEdit" let-item>
			<div class="w h flex justify-center">
				<a class="w-[30px] h-[30px] border-1 border-black bg-green-500 flex" (click)="changeIsEdit(item)" *ngIf="item.isEdit !== 'N'">
					<span class="text-lg text-white text-center flex w h justify-center items-center" nz-icon nzType="unlock" nzTheme="outline"></span>
				</a>
				<a class="w-[30px] h-[30px] border-1 border-black bg-red-500 flex" (click)="changeIsEdit(item)" *ngIf="item.isEdit === 'N'">
					<span class="text-lg text-white text-center flex w h justify-center items-center" nz-icon nzType="lock" nzTheme="outline"></span>
				</a>
			</div>
		</ng-template>
		<ng-template st-row="manage" let-item>
			<a class="text-blue-500" (click)="detail(item)">详情</a>
		</ng-template>
	</st>
</nz-card>
